@import "../_base/_function";
.ui-textarea {
  .textarea {
    @include clearfix();
    width: 100%;
    height: 95px;
    border: $border-style;
    position: relative;
    &.focus {
      border-color: $primary-color;
    }
    textarea {
      width: 100%;
      padding: 5px;
      border: 0;
      height: 65px;
      resize: none;
      outline: none;
      font-size: 14px;
    }
  }
  .placeholder{
    top:5px;
    left: 10px;
  }
  span {
    float: right;
    padding-right: 10px;
    color: #c9c9c9;
  }
  &.ui-error {
    .textarea {
      border-color: $error !important;
    }
  }
  &.ui-border-bottom {
    .textarea {
      border-color: transparent transparent $border-color transparent;
      &.focus {
        border-color: transparent transparent $primary-color transparent;
      }
    }
    &.ui-error {
      .textarea {
        border-color: transparent transparent $error transparent !important;
      }
    }
  }
  &.ui-row {
    .textarea {
      float: right;
      width: 80%;
    }
  }
}

.ui-mobile {
  .ui-textarea {
    textarea {
      border: 0;
      &:focus {
        outline: 0;
      }
    }

    span {
      bottom: 15px;
      right: 15px;
      color: #666;
    }
  }
}